import React, { PureComponent, Fragment } from 'react';
import { connect } from 'dva';
import moment from 'moment';
import router from 'umi/router';
import PageHeaderWrapper from '@/components/PageHeaderWrapper';
import SelectDeptTree from '@/components/SelectDeptTree';
import styles from './StaffInfoList.less';
import { dicTextByCodePcode,dicListByPcode } from '@/utils/dictionary'
import '@/assets/iconfont/iconfont';
import {
    Row,
    Col,
    Form,
    Input,
    Select,
    Button,
    message,
    Upload,
    Icon,
    Card,
    DatePicker,
    InputNumber,
    Cascader,
    Modal
} from 'antd';
const FormItem = Form.Item;
const { Option } = Select;
/* eslint react/no-multi-comp:0 */
@connect(({ prostaff, loading, dictionary }) => ({
    prostaff,
    loading: loading.models.prostaff,
    dictionary,
}))
@Form.create()
class StaffCreateForm extends PureComponent {


	state = {
	   file: null,
	   imageUrl: null,
	   flag: "1",
	   visible: false,
	   visiblePhoto: false,
	   photoNum: 0,
	   requestModelName:"prostaff",
	   getDeptTreeBySelectTree: "",
	   staffName: "",
	   staffId: ""
	};


	componentDidMount () {
  		const { dispatch } = this.props;
  		dispatch({
	    	type: 'prostaff/get_all_city',
        payload: {
        	DICTID:"AB"
        },
	    });

      dispatch({
      	type: 'dictionary/fetchDic',
      });

      // dicListByPcode('AB')

      /* dispatch({
      	type: 'prostaff/get_all_city',
      	payload: {
      		dictid:"AB"
      	},
      }); */
		/* dispatch({
			type: 'prostaff/  ',
		}); */
	}

	selectedDeptTreeValue = (deptRecord) => {
		this.setState({
			getDeptTreeBySelectTree: deptRecord
		})
	}

	beforeUpload = file => {

		this.setState({
        	file:file,
	  	});

		if(window.FileReader) {
	      	const reader = new FileReader();

	      	reader.readAsDataURL(file);

			reader.addEventListener('load', () => {

			  	this.setState({
		          imageUrl:reader.result,
		          loading: false,
		          photoNum: 1
		      	})

		  	});
		}

		const isJpgOrPng = file.type === 'image/jpeg' || file.type === 'image/png' || file.tyle === 'image/jpg';
	  	if (!isJpgOrPng) {
	    	message.error('You can only upload JPG/PNG file!');
	  	}
	 	const isLt2M = file.size / 1024 / 1024 < 2;
	  	if (!isLt2M) {
	    	message.error('Image must smaller than 2MB!');
	  	}
	  	return isJpgOrPng && isLt2M;
	}

 	onChange = (value) => {

	};

	handleChange = (value,e) => {
		const { dispatch } = this.props;
		this.setState({
			flag: value
		})
	};

	handleUpdate = e => {
	    this.setState({
	      visible: false,
	    });
	    router.push({
		  pathname: '/staff/updatestaff',
		  query: {
		    id: this.state.staffId,
		  },
		});
	};

	handleAdd = e => {
	    this.setState({
	      visible: false,
	    });
	};

  handleSubmit = (event) => {
	    event.preventDefault();

	    const {  dispatch,form } = this.props;
	    const {  getDeptTreeBySelectTree } = this.state;

	    form.validateFields(async(error, values) => {
	      	if (!error) {
	      		form.resetFields();
	      		/* values.entry_time = moment(values.entry_time._d).format("YYYY-MM-DD");
	      		if(values.date_of_birth) {
	      			values.date_of_birth = moment(values.date_of_birth._d).format("YYYY-MM-DD");
	      		}
					if(values.become_worker_time) {
						values.become_worker_time = moment(values.become_worker_time._d).format("YYYY-MM-DD");
					}
					if(getDeptTreeBySelectTree) {
						values.dept_id = getDeptTreeBySelectTree.triggerNode.props.dataRef.dept_id;
						values.dept = getDeptTreeBySelectTree.triggerNode.props.dataRef.title;
					}*/
					/* if(values.a0103) {
						values.a0103 = values.post.key;
					} */

					const bodymap = {
		              a0101: values.a0101,
                  a0103: values.a0103?values.a0103.key:'',
                  a0104: values.a0104?values.a0104.key:'',
                  a0107: values.a0107,
                  a0111: values.a0111?values.a0111.key:'',
                  a0113: values.a0113,
                  a0114: values.a0114?values.a0114.key:'',
                  a0115: values.a0115?values.a0115.key:'',
                  a0117: values.a0117?values.a0117.key:'',
                  a0127: values.a0127?values.a0127.key:'',
                  a0131: values.a0131?values.a0131.key:'',
                  a0132: values.a0132,
                  a0134: values.a0134,
                  a0137: values.a0137,
                  a0138: values.a0138,
                  a0139: values.a0139,
                  a0140: values.a0140,
                  a0141: values.a0141?values.a0141.key:'',
                  a0144: values.a0144,
                  a0151: values.a0151?values.a0151.key:'',
                  a0157_1: values.a0157_1,
                  a0157_2: values.a0157_2,
                  a0157_3: values.a0157_3?values.a0157_3.key:'',
                  a0161: values.a0161?values.a0161.key:'',
                  a0164: values.a0164?values.a0164.key:'',
                  a0167: values.a0167,
                  a0171: values.a0171,
                  a0174: values.a0174,
                  a0177: values.a0177,
                  a0181_1: values.a0181_1,
                  a0181_2: values.a0181_2,
                  a0184: values.a0184,
                  a0187: values.a0187,
                  a0190: values.a0190,
                  a0191: values.a0191,
                  a0193: values.a0193,
                  a0195: values.a0195,
                  a0198: values.a0198,
                  a0199: values.a0199,
                  a01f6: values.a01f6,
                  za9992_1: values.za9992_1,
                  za9992_2: values.za9992_2,
                  a01f10: values.a01f10,
                  a01f11: values.a01f11,
                  a01f12: values.a01f12,
                  a01f19: values.a01f19,
                  a01f20: values.a01f20,
                  a01f18: values.a01f18,
                  a01f23: values.a01f23,
                  a0133: values.a0133,
                  a0162: values.a0162
		           	};
                console.log(bodymap)
				        await dispatch({
			              	type: 'prostaff/insert_for_staff',
			              	payload: {
                         formdata: bodymap
			              	},
			              	callback:(res) => {
					        	if(res.success) {
											message.success('添加成功');
											this.setState({
									      visible: true,
									      staffName: res.datarecord.pname,
									      staffId: res.datarecord.id
									    });
					        	}else {
				        			message.success('添加失败');
					        	}
		  					}
			          });
		    }else{
		        return false;
		    }

	    })

	}

  //关闭继续添加弹窗
  handleStaffCancel = () => {
  		this.setState({
	      visible: false,
	    });
  }

	handleCancel = () => {
			this.setState({
	      visiblePhoto: false,
	    });
	}

	handleOk = () => {
    const {  dispatch } = this.props;
		this.setState({
      visiblePhoto: false,
    });

console.log(this.state.file)
    dispatch({
      type: 'prostaff/upload_uploadImage',
      payload: {
         formdata: this.state.file
      },
      callback:(res) => {
        if(res.success) {
          message.success('添加成功');
          this.setState({
            visible: true,
            staffName: res.datarecord.pname,
            staffId: res.datarecord.id
          });
        }else {
          message.success('添加失败');
        }
      }
    });

	}

	staffPhotoShow = () => {
		this.setState({
	      visiblePhoto: true,
	    });
	}
  render () {

	const formItemLayout = {
     	labelCol: { span: 8 },
       	wrapperCol: { span: 14 },
	};

  const { getFieldDecorator } = this.props.form

	const uploadButton = (
      <div style={{marginTop: '30px'}}>
      	<svg className={`${styles.icon} ${styles.staffPhoto}` } aria-hidden="true">
          <use xlinkHref="#icon-shangchuanzhaopian"></use>
        </svg>
        <div className="ant-upload-text">上传照片</div>
      </div>
    );
  const { imageUrl,flag,photoNum,staffName } = this.state;

	const {
		prostaff: {
			selectDeptTree,
			cascaderList,
			postForUser
		},
		dispatch
	} = this.props;

	const parentDeptTreeMethod = {
		dispatch: dispatch,
		selectDeptTree: selectDeptTree,
		selectedDeptTreeValue: this.selectedDeptTreeValue,
		requestModelName: this.state.requestModelName
	}

  console.log(localStorage.getItem('_DICTIONARY'))
    return (
    	<PageHeaderWrapper title="添加人员">
    		<Modal
    	  centered
    	  width={400}
		  	bodyStyle={{textAlign: 'center',padding: '40px 30px 10px 30px'}}
        visible={this.state.visible}
        onCancel={this.handleStaffCancel}
        footer={false}
        >
          <p style={{fontSize: '16px'}}>添加成功</p>
          <p>{staffName}</p>
          <Button  style={{fontSize: '12px',marginRight: '8px',marginBottom: '20px'}} onClick = {this.handleAdd}>继续添加</Button>
          <Button  type="primary" style={{fontSize: '12px'}} onClick = {this.handleUpdate}>完善员工信息</Button>
        </Modal>
        <Modal
    	  	centered
    	  	title="照片"
    	  	width={800}
		  		bodyStyle={{textAlign: 'center'}}
          visible={this.state.visiblePhoto}
          onOk={this.handleOk}
          onCancel={this.handleCancel}
        >
					<Upload
			      	accept=".jpeg,.png,.jpg"
			        listType="picture-card"
			        className="avatar-uploader"
			        showUploadList={false}
			        beforeUpload={this.beforeUpload}
			        style={{display: 'table',width:'120px',height: '120px',margin: '0 auto',verticalAlign:'top'}}
			      >
		        	{imageUrl ? <img src={imageUrl} alt="avatar" style={{ width: '100%' }} /> : uploadButton}
		      </Upload>
	      	<div>图片格式为JPG/JPEG/PNG,大小在2MB内</div>
    		</Modal>
        <Card bordered={false}>
          <div className="demo-container">

    <Form  {...formItemLayout} onSubmit={this.handleSubmit}>

      <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

          <Col md={8} sm={24}>
            <FormItem  label="姓名"  name="password" >
                {getFieldDecorator('a0101', {
                rules: [{ required: false, message: '请输入1-10个字符的姓名',max: 10}],
                })(<Input placeholder="1-10个字符"/>)}
            </FormItem>
          </Col>

          <Col md={8} sm={24}>
            <FormItem  label="性别">
                {getFieldDecorator('a0104', {
                rules: [{ required: false, message: '请选择'}],
                })(
                  <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                    {dicListByPcode('AX') != undefined?dicListByPcode('AX').map((item,index) => {
                      return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                    }):null}
                  </Select>
                )}
            </FormItem>
          </Col>

          {/*<Col md={8} sm={24}>
            <FormItem  label="民族">
                {getFieldDecorator('a0117', {
                rules: [{ required: false, message: '请选择'}],
                })(
                  <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                    {dicListByPcode('AE') != undefined?dicListByPcode('AE').map((item,index) => {
                      return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                    }):null}
                  </Select>)}
            </FormItem>
          </Col>*/}

          <Col md={8} sm={24}>
            <FormItem  label="照片">
                {getFieldDecorator('photo',{
                  rules: [{ required: false, message: '请选择照片！'}],
                })(
                	<div className={styles.staffPhotoContainer} onClick={this.staffPhotoShow}>
          	      	<svg className={`${styles.icon} ${styles.staffPhoto}` } aria-hidden="true">
                  <use xlinkHref="#icon-tupian"></use>
                </svg>
                <span className={styles.staffPhotoNum}>{photoNum}张图片</span>
                	</div>
                )}
            </FormItem>
          </Col>

      </Row>

      <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

          <Col  md={8} sm={24}>
            <FormItem  label="籍贯">
                {getFieldDecorator('a0111', {
                  rules: [{ required: false, message: '请选择'}],
                  })(<Cascader options={cascaderList != undefined?cascaderList.list:null} onChange={this.onChange} placeholder="请选择" changeOnSelect />)}
            </FormItem>
          </Col>

          <Col md={8} sm={24}>
            <FormItem  label="血型">
                {getFieldDecorator('a0103', {
                rules: [{ required: false, message: '请选择'}],
                })(
                  <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                    {dicListByPcode('XX') != undefined?dicListByPcode('XX').map((item,index) => {
                      return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                    }):null}
                  </Select>
                )}
            </FormItem>
          </Col>

          <Col md={8} sm={24}>
            <FormItem  label="警号">
                {getFieldDecorator('a0113', {
                rules: [{ required: false, message: '1-40个字符'}],
                })(<Input placeholder="1-40个字符" />)}
            </FormItem>
          </Col>

      </Row>

      <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

          <Col md={8} sm={24}>
            <FormItem  label="出生日期">
                {getFieldDecorator('a0107', {
                rules: [{ required: false, message: '请选择'}],
                })(<DatePicker  format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="请选择"/>)}
            </FormItem>
          </Col>

          <Col md={8} sm={24}>
            <FormItem  label="身份证号">
                {getFieldDecorator('a0184', {
                rules: [{ required: false, message: '身份证格式不符',  pattern:/^[1-9][0-9]{5}([1][9][0-9]{2}|[2][0][0|1][0-9])([0][1-9]|[1][0|1|2])([0][1-9]|[1|2][0-9]|[3][0|1])[0-9]{3}([0-9]|[X])$/ }],
                })(<Input placeholder="正规身份证号格式" />)}
            </FormItem>
          </Col>

          <Col  md={8} sm={24}>
            <FormItem  label="个人身份">
                {getFieldDecorator('a0198', {
                rules: [{ required: false, message: '请选择'}],
                })(<Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                    {dicListByPcode('YB') != undefined?dicListByPcode('YB').map((item,index) => {
                      return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                    }):null}
                  </Select>)}
            </FormItem>
          </Col>

      </Row>

      <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

          <Col md={8} sm={24}>
            <FormItem  label="人员类别">
                {getFieldDecorator('a0151', {
                rules: [{ required: false, message: '请选择'}],
                })(<Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                    {dicListByPcode('R1') != undefined?dicListByPcode('R1').map((item,index) => {
                      return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                    }):null}
                  </Select>)}
            </FormItem>
          </Col>

          <Col md={8} sm={24}>
            <FormItem  label="婚姻状况">
                {getFieldDecorator('a0131', {
                  rules: [{ required: false, message: '请选择'}],
                  })(
                  <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                    {dicListByPcode('BG') != undefined?dicListByPcode('BG').map((item,index) => {
                      return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                    }):null}
                  </Select>
                )}
            </FormItem>
          </Col>

          <Col md={8} sm={24}>
            <FormItem  label="健康状况">
                {getFieldDecorator('a0127', {
                  rules: [{ required: false, message: '请选择'}],
                  })(
                  <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                    {dicListByPcode('JK') != undefined?dicListByPcode('JK').map((item,index) => {
                      return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                    }):null}
                  </Select>
                )}
            </FormItem>
          </Col>

      </Row>

      <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

        <Col md={8} sm={24}>
          <FormItem  label="人员状态">
              {getFieldDecorator('a0199', {
              rules: [{ required: false, message: '请选择'}],
              })(<Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                  {dicListByPcode('YT') != undefined?dicListByPcode('YT').map((item,index) => {
                    return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                  }):null}
                </Select>)}
          </FormItem>
        </Col>

        <Col md={8} sm={24}>
          <FormItem  label="涉密标志">
              {getFieldDecorator('a0193', {
              rules: [{ required: false, message: '请选择'}],
              })(
                <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                  {dicListByPcode('SZ') != undefined?dicListByPcode('SZ').map((item,index) => {
                    return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                  }):null}
                </Select>
              )}
          </FormItem>
        </Col>

        <Col md={8} sm={24}>
          <FormItem  label="警员库标志">
              {getFieldDecorator('a0195', {
              rules: [{ required: false, message: '请选择'}],
              })(
                <Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                  {dicListByPcode('SZ') != undefined?dicListByPcode('SZ').map((item,index) => {
                    return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                  }):null}
                </Select>
              )}
          </FormItem>
        </Col>

      </Row>

      <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

        <Col md={8} sm={24}>
          <FormItem  label="政治面貌">
              {getFieldDecorator('a0141', {
                rules: [{ required: false, message: '请选择'}],
                })(<Select labelInValue placeholder="请选择" style={{ width: '100%' }}>
                    {dicListByPcode('AT') != undefined?dicListByPcode('AT').map((item,index) => {
                      return <Option value={item.DICTVALUE}>{item.DESCRIPTION}</Option>
                    }):null}
                  </Select>)}
          </FormItem>
        </Col>

        <Col md={8} sm={24}>
          <FormItem  label="出生地">
              {getFieldDecorator('a0114', {
                rules: [{ required: false, message: '请选择'}],
              })(<Cascader options={cascaderList != undefined?cascaderList.list:null} onChange={this.onChange} placeholder="请选择" changeOnSelect />)}
          </FormItem>
        </Col>

        <Col md={8} sm={24}>
          <FormItem  label="成长地">
              {getFieldDecorator('a0115', {
                rules: [{ required: false, message: '请选择'}],
              })(<Cascader options={cascaderList != undefined?cascaderList.list:null} onChange={this.onChange} placeholder="请选择" changeOnSelect />)}
          </FormItem>
        </Col>

      </Row>

      <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

        <Col md={8} sm={24}>
          <FormItem  label="参加组织日期">
              {getFieldDecorator('a0144', {
            rules: [{ required: false, message: '请选择'}],
            })(<DatePicker  format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="请选择"/>)}
          </FormItem>
        </Col>

        <Col md={8} sm={24}>
          <FormItem label="户籍所在地名称" >
              {getFieldDecorator('a0181_1', {
                rules: [{ required: false, message: '请选择'}],
              })(<Cascader options={cascaderList != undefined?cascaderList.list:null} onChange={this.onChange} placeholder="请选择" changeOnSelect />)}
          </FormItem>
        </Col>

        <Col md={8} sm={24}>
          <FormItem  label="户籍所在地详址">
              {getFieldDecorator('a0181_2', {
			                  rules: [{ required: false, message: '最多输入13个字符'}],
			                })(<Input placeholder="最多输入13个字符" />)}
          </FormItem>
        </Col>

    </Row>

    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

      <Col md={8} sm={24}>
        <FormItem  label="参加工作日期">
            {getFieldDecorator('a0134', {
              rules: [{ required: false, message: '请选择'}],
            })(<DatePicker  format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="请选择"/>)}
        </FormItem>
      </Col>

      <Col md={8} sm={24}>
        <FormItem  label="参加公安工作日期">
            {getFieldDecorator('a0138', {
              rules: [{ required: false, message: '请选择'}],
            })(<DatePicker  format="YYYY-MM-DD" style={{ width: '100%' }} placeholder="请选择"/>)}
        </FormItem>
      </Col>

      <Col md={8} sm={24}>
        <FormItem  label="基层工作经历时间">
            {getFieldDecorator('a0140', {
              rules: [{ required: false, message: '1-13个字符'}],
            })(<Input placeholder="1-13个字符"/>)}
        </FormItem>
      </Col>

    </Row>
	{/*<Row gutter={{ md: 8, lg: 24, xl: 48 }}>

      <Col md={8} sm={24}>
        <FormItem  label="工龄计算校正值">
            {getFieldDecorator('a0137', {
              rules: [{ required: false, message: '1-13个字符'}],
            })(<Input placeholder="1-40个字符" />)}
        </FormItem>
      </Col>

      <Col md={8} sm={24}>
        <FormItem  label="警衔应加学制年限">
            {getFieldDecorator('a0139',{
            	rules: [{ required: false, message: '最多输入13个字符',max: 13}],
            })(<Input placeholder="1-13个字符"/>)}
        </FormItem>
      </Col>





    </Row>

    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>

      <Col md={12} sm={24}>
          <FormItem  label="人事关系所在单位名称">
              {getFieldDecorator('a0157_1',{
                rules: [{ required: false, message: '最多输入13个字符',max: 13}],
              })(<Input placeholder="最多输入13个字符" />)}
          </FormItem>
        </Col>

      <Col md={12} sm={24}>
        <FormItem  label="单位代码（统一单位代码）">
            {getFieldDecorator('a0132',{
            rules: [{ required: false, message: '最多输入40个字符',max: 40}],
            })(<Input placeholder="1-40个字符" />)}
        </FormItem>
      </Col>



    </Row>

    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>
    <Col md={12} sm={24}>
      <FormItem  label="统计关系所在单位">
          {getFieldDecorator('a0133',{
          rules: [{ required: false, message: '最多输入40个字符',max: 40}],
          })(<Input placeholder="1-40个字符" />)}
      </FormItem>
    </Col>

    <Col md={12} sm={24}>
      <FormItem  label="人事关系所在单位代码">
          {getFieldDecorator('a0157_2', {
            rules: [{ required: false, message: '请选择'}],
          })(<Input placeholder="1-40个字符" />)}
      </FormItem>
    </Col>
    </Row>

<Row gutter={{ md: 8, lg: 24, xl: 48 }}>
    <Col md={8} sm={24}>
      <FormItem  label="人事关系所在单位名称类别">
          {getFieldDecorator('a0157_3',{
          rules: [{ required: false, message: '最多输入40个字符',max: 40}],
          })(<Input placeholder="1-40个字符" />)}
      </FormItem>
    </Col>

    <Col md={8} sm={24}>
      <FormItem  label="人事关系所在单位所在政区">
          {getFieldDecorator('a0161')(<Input placeholder="最多输入13个字符" />)}
      </FormItem>
    </Col>

    <Col md={8} sm={24}>
      <FormItem  label="人事关系所在单位隶属关系">
          {getFieldDecorator('a0164')(<Input placeholder="最多输入13个字符" />)}
      </FormItem>
    </Col>
    </Row>

    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>
    <Col md={8} sm={24}>
      <FormItem  label="人事关系所在单位级别">
          {getFieldDecorator('a0167',{
          rules: [{ required: false, message: '最多输入40个字符',max: 40}],
          })(<Input placeholder="1-40个字符" />)}
      </FormItem>
    </Col>

    <Col md={8} sm={24}>
      <FormItem  label="人事关系所在单位性质类别">
          {getFieldDecorator('a0171')(<Input placeholder="最多输入13个字符" />)}
      </FormItem>
    </Col>

    <Col md={8} sm={24}>
      <FormItem  label="人员所属部门与警种">
          {getFieldDecorator('a0190', {
            rules: [{ required: false, message: '请选择'}],
          })(<Input placeholder="1-40个字符" />)}
      </FormItem>
    </Col>
    </Row>

    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>


    <Col md={8} sm={24}>
      <FormItem  label="人事关系所在单位所属行业">
          {getFieldDecorator('a0174')(<Input placeholder="最多输入13个字符" />)}
      </FormItem>
    </Col>

    <Col md={8} sm={24}>
      <FormItem  label="户口性质">
          {getFieldDecorator('a0177')(<Input placeholder="最多输入13个字符" />)}
      </FormItem>
    </Col>

    <Col md={8} sm={24}>
      <FormItem  label="工作单位代码（系统单位代码）">
          {getFieldDecorator('za9992_1')(<Input placeholder="最多输入13个字符" />)}
      </FormItem>
    </Col>

    </Row>

    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>


    <Col md={8} sm={24}>
      <FormItem  label="工作单位名称(手写)">
          {getFieldDecorator('za9992_2')(<Input placeholder="最多输入13个字符" />)}
      </FormItem>
    </Col>

    <Col md={8} sm={24}>
      <FormItem  label="是否是协管干部">
          {getFieldDecorator('a01f6')(<Input placeholder="最多输入13个字符" />)}
      </FormItem>
    </Col>

    <Col md={8} sm={24}>
      <FormItem  label="协管干部标识">
          {getFieldDecorator('a01f10')(<Input placeholder="最多输入13个字符" />)}
      </FormItem>
    </Col>

    </Row>

    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>


    <Col md={8} sm={24}>
      <FormItem  label="工资类别">
          {getFieldDecorator('a01f11')(<Input placeholder="最多输入13个字符" />)}
      </FormItem>
    </Col>

    <Col md={8} sm={24}>
      <FormItem  label="未计工龄在校学习时间">
          {getFieldDecorator('a01f12')(<Input placeholder="最多输入13个字符" />)}
      </FormItem>
    </Col>

    <Col md={8} sm={24}>
      <FormItem  label="是否班子成员">
          {getFieldDecorator('a01f19')(<Input placeholder="最多输入13个字符" />)}
      </FormItem>
    </Col>

    </Row>

    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>


    <Col md={8} sm={24}>
      <FormItem  label="班子成员类别">
          {getFieldDecorator('a01f20')(<Input placeholder="最多输入13个字符" />)}
      </FormItem>
    </Col>

    <Col md={8} sm={24}>
      <FormItem  label="管理类别">
          {getFieldDecorator('a01f18')(<Input placeholder="最多输入13个字符" />)}
      </FormItem>
    </Col>

    <Col md={8} sm={24}>
      <FormItem  label="人员名称全拼简写">
          {getFieldDecorator('a01f23')(<Input placeholder="最多输入13个字符" />)}
      </FormItem>
    </Col>

    </Row>

    <Row gutter={{ md: 8, lg: 24, xl: 48 }}>


    <Col md={8} sm={24}>
      <FormItem  label="专长">
          {getFieldDecorator('a0187')(<Input placeholder="最多输入13个字符" />)}
      </FormItem>
    </Col>

    <Col md={8} sm={24}>
      <FormItem  label="人员工作岗位">
          {getFieldDecorator('a0162')(<Input placeholder="最多输入13个字符" />)}
      </FormItem>
    </Col>

    <Col md={8} sm={24}>
      <FormItem  label="备注">
          {getFieldDecorator('a0191')(<Input placeholder="最多输入13个字符" />)}
      </FormItem>
    </Col>

    </Row>*/}

    <Row>
    	<Col style={{textAlign: 'center'}}>
            <Button size="large" style={{marginRight: '10px'}} onClick={() => router.push('/staff/staffinfo')}>取消</Button>
            <Button size="large" type="primary" htmlType="submit">提交</Button>
        </Col>
    </Row>

  </Form>

      </div>
    </Card>
    </PageHeaderWrapper>
    )

  }
}

export default StaffCreateForm;
